<!--首页-->
<template>
	<view class="page-content u-skeleton " :class="show ? 'NoScroll' : ''">
		<view class="topBox" :style="{ paddingTop: statusBarHeight }">
			<view class="nav d-flex px-4 a-center font-lg text-light" :style="{ height: navBarHeight }"></view>
			<view class=" px-3 logoBox d-flex  flex-row a-center" @click="hanglgUserFn">
				<view class="u-skeleton-circle">
					<image class="imagesBox" style=" background-color: #eeeeee;" :src="userInfo.avatarUrl"></image>
				</view>
				<view class="pl-2 u-skeleton-rect">
					<view class="font-md font-weight text-light text-l">{{ userInfo.realName }}</view>
					<view class="mt-1 font text-light font-weight">{{ userInfo.companyName }}</view>
				</view>
			</view>

			<view class=" main rounded-top-50 pt-4">
				<view class=" px-3 nav d-flex j-sa">
					<view v-for="(item, index) in list" :key="index" @click="justFn(item)">
						<image
							class="u-skeleton-circle imagesBox"
							style="width: 90rpx; height: 90rpx;"
							:src="getStaticFilePath(item.icon)"
						></image>
						<view class="u-skeleton-rect text-main font">{{ item.name }}</view>
					</view>
					<u-badge class="badge" :count="count" :offset="[20, 20]"></u-badge>
				</view>

				<view class="centerBox px-3 pt-4">
					<view class="d-flex j-sb pb-3 a-center">
						<view class="d-flex a-center">
							<image
								class="imagesBox"
								mode="aspectFit"
								style="width: 48rpx ; height: 48rpx;"
								:src="getStaticFilePath('icon-jjxxfbtj.png')"
							></image>
							<view class="font-md  text-main pl-1">经营信息发布统计</view>
						</view>
						<view>
              <u-subsection :height="60" active-color="#0052d9" inactive-color="rgba(45, 143, 255, .5)" :list="[' 年 ', ' 月 ', ' 日 ']" @change="changeTime"></u-subsection>
            </view>
					</view>
					<view class="chartsBox">
						<view class="bg pl-2 pr-2 pt-2">
							<view
								class="menuBg text-l"
								:class="'menuBg' + index"
								v-for="(item, index) in menu"
								:key="index"
								@click="jumpPage(item)"
							>
								<view class="pl-2 pt-2 font font-weight text-main">{{ item.name }}</view>
								<view class="pl-2 pt-2 font-lg font-weight text-main colorText">{{ item.num }}</view>
							</view>
						</view>
						<view class="chartsMain">
							<qiun-data-charts
								type="column"
								:opts="columnOpts"
								:chartData="columnData"
								:ontouch="true"
								:canvas2d="true"
							/>
						</view>
					</view>
				</view>

				<view class="centerBox px-3 py-4 ">
					<view class="d-flex j-sb pb-1">
						<view class="d-flex a-center">
							<image
								class="imagesBox"
								mode="aspectFit"
								style="width: 48rpx ; height: 48rpx;"
								:src="getStaticFilePath('ico-jjxxgztj.png')"
							></image>
							<view class="font-md  text-main pl-1">经营信息跟踪统计</view>
						</view>
					</view>
					<view class="chartsBox mt-2 mb-2">
						<view class="chartsMain">
							<qiun-data-charts
								type="ring"
								:opts="ringOpts"
								:chartData="ringData"
								:canvas2d="true"
								@getIndex="getIndex"
							/>
						</view>
					</view>
				</view>
			</view>
		</view>

		<tabBar v-if="!show"></tabBar>
		<user-box ref="userBox"></user-box>
		<u-popup
			class="uPopup"
			v-model="show"
			mode="bottom"
			width="360rpx"
			border-radius="18"
			height="100%"
			:mask-close-able="false"
			z-index="99999"
		>
			<!-- 新公司审核中 -->
			<view class="popupBox" v-if="statusData.newCompanyAuditing">
				<view class="d-flex j-center">
					<image
						mode="aspectFit"
						class=" imagesBox"
						style="width: 120rpx; height: 120rpx; margin: 0 auto;"
						:src="getStaticFilePath('zt-dd.png')"
					></image>
				</view>
				<view class="font-lg  text-main pt-3 text-c">企业信息审核中</view>
				<view class="font-sm  text-tips pt-3 px-2">企业信息审核中，一般审核需要5-7个工作日，请耐心等待</view>

				<!-- <view class="d-flex">
					<view class="pt-6 bnt"><button class="primaryBnt" @click="loginOutFn">退出登录</button></view>
				</view> -->
				<view class="d-flex">
					<view class="pt-6 bnt"><button class="primaryBnt3" @click="revocationFn">撤 回</button></view>
					<view class="pt-6 bnt"><button class="primaryBnt2" @click="loginOutFn">退出登录</button></view>
				</view>
			</view>

			<!-- 企业信息审核未通过 -->
			<view class="popupBox" v-if="statusData.existsNewCompanyAuditNotPass">
				<view class="d-flex j-center">
					<image
						mode="aspectFit"
						class=" imagesBox"
						style="width: 120rpx; height: 120rpx; margin: 0 auto;"
						:src="getStaticFilePath('zt-sb.png')"
					></image>
				</view>
				<view class="font-lg  text-main pt-3 text-c">企业信息审核未通过</view>
				<view class="font-sm  text-tips pt-3 px-2">请登录PC端修改企业资料重新提交或选择加入现有企业</view>
				<view class="d-flex">
					<view class="pt-6 bnt">
						<button class="primaryBnt2" @click="editBusinessFn">修改企业信息</button>
					</view>
					<view class="pt-6 bnt">
						<button class="primaryBnt3" @click="joinBusinessFn">加入现有企业</button>
					</view>
				</view>
			</view>

			<!-- 待分配的角色 -->
			<view class="popupBox" v-if="statusData.existsTodoDistributionRole">
				<view class="d-flex j-center">
					<image
						mode="aspectFit"
						class=" imagesBox"
						style="width: 120rpx; height: 120rpx; margin: 0 auto;"
						:src="getStaticFilePath('zt-dd.png')"
					></image>
				</view>
				<view class="font-lg text-main pt-3 text-c">用户等待授权，敬请联系</view>
				<view class="font-lg text-primary pt text-c">【{{ userInfo.companyName }}】</view>
				<view class="font-lg text-main pt text-c">管理员处理！</view>
				<view class="font-sm  text-tips pt-3 px-2 text-l">
					用户等待授权中，一般审核需要5-7个工作日，请耐心等待
				</view>
				<view class="d-flex">
					<view class="pt-6 bnt">
						<button class="primaryBnt2" @click="joinBusinessFn">加入现有企业</button>
					</view>
					<view class="pt-6 bnt">
						<button class="primaryBnt3" @click="registerNewBusinessFn">注册新企业</button>
					</view>
				</view>
			</view>

			<!-- 用户已被移除该公司 -->
			<view class="popupBox" v-if="statusData.existsUnJoinCompany">
				<view class="d-flex j-center">
					<image
						mode="aspectFit"
						class=" imagesBox"
						style="width: 120rpx; height: 120rpx; margin: 0 auto;"
						:src="getStaticFilePath('zt-sb.png')"
					></image>
				</view>
				<view class="font-lg  text-main pt-3 text-c">用户已被移除该公司</view>

				<view class="d-flex">
					<view class="pt-6 bnt">
						<button class="primaryBnt2" @click="joinBusinessFn">加入现有企业</button>
					</view>
					<view class="pt-6 bnt">
						<button class="primaryBnt3" @click="registerNewBusinessFn">注册新企业</button>
					</view>
				</view>
			</view>

			<!-- 用户已撤回 -->
			<view class="popupBox" v-if="statusData.existsNewCompanyCancelAudit">
				<view class="d-flex j-center">
					<image
						mode="aspectFit"
						class=" imagesBox"
						style="width: 120rpx; height: 120rpx; margin: 0 auto;"
						:src="getStaticFilePath('zt-sb.png')"
					></image>
				</view>
				<view class="font-lg  text-main pt-3 text-c">用户已撤回</view>

				<view class="d-flex">
					<view class="pt-6 bnt">
						<button class="primaryBnt2" @click="editBusinessFn">修改企业信息</button>
					</view>
					<view class="pt-6 bnt">
						<button class="primaryBnt3" @click="joinBusinessFn">加入现有企业</button>
					</view>
				</view>
			</view>

			<!-- 审核已通过 -->
			<!-- <view class="popupBox" v-if="statusData.existsNewCompanyAuditPass">
				<view class="d-flex j-center">
					<image
						mode="aspectFit"
						class=" imagesBox"
						style="width: 120rpx; height: 120rpx; margin: 0 auto;"
						:src="getStaticFilePath('zt-cg.png')"
					></image>
				</view>
				<view class="font-lg  text-main pt-3 text-c">审核已通过</view>

				<view class="pt-6 bnt"><button class="primaryBnt" @click="comeIntoUseFn">开始使用</button></view>
			</view> -->
		</u-popup>

		<u-modal
			v-model="showRevocation"
			@confirm="exitRevocationFn"
			:show-cancel-button="true"
			:content="content"
			z-index="999999"
		></u-modal>
	</view>
</template>

<script>
import userBox from '@/components/userBox.vue';
import { getMyTodo, getLoginAfterStatus, pubulishStatistics, trackStatistics, cancelCompanyCheck } from '@/api/apis.js';
export default {
	components: { userBox },
	data() {
		return {
			show: false,
			showRevocation: false,
			content: '您确认要撤回吗？',
			statusBarHeight: '',
			navBarHeight: '',
			list: [
				{
					index: '1',
					name: '发布信息',
					url: '/pages/postMessage/index',
					icon: 'ico-fbxx.png'
				},
				{
					index: '2',
					name: '经营管理',
					url: '/pages/infoManagement/index',
					icon: 'ico-jygl.png'
				},
				{
					index: '3',
					name: '经营预警',
					url: '/pages/infoManagement/index',
					icon: 'ico-jyyj.png'
				},
				{
					index: '4',
					name: '经营地图',
					/*#ifdef H5*/
					url: '/mapPages/pages/map/map',
					/*#endif*/
					/*#ifdef MP*/
					url: '/mapPages/pages/wxmap/index',
					/*#endif*/
					icon: 'ico-jjdt.png'
				}
			],
			menu: [
				{
					name: '发布数',
					path: '/startAndCompleteManagePages/pages/startAndCompleteManage/index',
					num: ''
				},
				{
					name: '已接收',
					path: '/hiddenDangerAndTreatmentPages/pages/hiddenDangerAndTreatment/index',
					num: ''
				},
				{
					name: '被拒绝',
					path: '/equipmentAndAcceptancePages/pages/equipmentAndAcceptance/index',
					num: ''
				}
			],
			src: '',
			count: 0,
			dimension: '0',
			userInfo: uni.getStorageSync('userInfo'),
			statusData: {},
			columnData: {},
			columnOpts: {
				timing: 'easeOut',
				duration: 300,
				rotate: false,
				rotateLock: false,
				color: ['#0052d9', '#1CCAD5', '#F45F6D'],
				padding: [15, 15, 0, 5],
				fontSize: 13,
				fontColor: '#666666',
				dataLabel: true,
				dataPointShape: true,
				dataPointShapeType: 'solid',
				touchMoveLimit: 60,
				enableScroll: true,
				enableMarkLine: false,
				legend: {
					show: true,
					position: 'bottom',
					float: 'center',
					padding: 5,
					margin: 5,
					backgroundColor: 'rgba(0,0,0,0)',
					borderColor: 'rgba(0,0,0,0)',
					borderWidth: 0,
					fontSize: 13,
					fontColor: '#666666',
					lineHeight: 11,
					hiddenColor: '#CECECE',
					itemGap: 10
				},
				xAxis: {
					disableGrid: true,
					disabled: false,
					axisLine: false,
					axisLineColor: 'rgba(0, 0, 0, 0.2)',
					calibration: false,
					fontColor: '#666666',
					fontSize: 12,
					// rotateLabel: true,
					// rotateAngle: 45,
					lineHeight: 20,
					marginTop: 0,

					marginTop: 10,
					itemCount: 5,
					boundaryGap: 'center',
					splitNumber: 5,
					gridColor: 'rgba(0, 0, 0, 0.07)',
					gridType: 'solid',
					dashLength: 4,
					gridEval: 1,
					scrollShow: false,
					scrollAlign: 'left',
					scrollColor: '#A6A6A6',
					scrollBackgroundColor: '#EFEBEF',
					title: '',
					titleFontSize: 13,
					titleOffsetY: 0,
					titleOffsetX: 0,
					titleFontColor: '#666666',
					format: ''
				},
				yAxis: {
					data: [
						{
							min: 0
						}
					],
          disabled: false,
          disableGrid: false,
          splitNumber: 5,
          gridType: 'solid',
          dashLength: 8,
          gridColor: 'rgba(0, 0, 0, 0.07)',
          padding: 10,
          showTitle: false
				},
				extra: {
					column: {
            type: 'group',
            width: 20,
            activeBgColor: '#000000',
            activeBgOpacity: 0.08,
            seriesGap: 32,
            categoryGap: 4,
            barBorderRadius: [4, 4, 4, 4],
            linearType: 'opacity',
            linearOpacity: .5,
            colorStop: 0,
            meterBorder: 1,
            meterFillColor: '#FFFFFF',
            labelPosition: 'outside',
					},
					tooltip: {
						showBox: true,
						showArrow: true,
						showCategory: true,
						borderWidth: 0,
						borderRadius: 0,
						borderColor: '#000000',
						borderOpacity: 0.7,
						bgColor: '#000000',
						bgOpacity: 0.7,
						gridType: 'solid',
						dashLength: 4,
						gridColor: '#CCCCCC',
						boxPadding: 3,
						fontSize: 13,
						lineHeight: 20,
						fontColor: '#FFFFFF',
						legendShow: true,
						legendShape: 'auto',
						splitLine: true,
						horizentalLine: false,
						xAxisLabel: false,
						yAxisLabel: false,
						labelBgColor: '#FFFFFF',
						labelBgOpacity: 0.7,
						labelFontColor: '#666666'
					},
					markLine: {
						type: 'solid',
						dashLength: 4,
						data: []
					}
				}
			},
			ringData: {},
			ringOpts: {
				timing: 'easeOut',
				duration: 1000,
				rotate: false,
				rotateLock: false,
				color: ['#0052d9', '#1CCAD5', '#91E302', '#F8D000', '#FA8600', '#E54C7C', '#915EFF'],
				padding: [5, 5, 5, 5],
				fontSize: 13,
				fontColor: '#666666',
				dataLabel: false,
				dataPointShape: true,
				dataPointShapeType: 'solid',
				touchMoveLimit: 60,
				enableScroll: false,
				enableMarkLine: false,
				legend: {
					show: true,
					position: 'bottom',
					float: 'center',
					padding: 10,
					margin: 5,
					backgroundColor: 'rgba(0,0,0,0)',
					borderColor: 'rgba(0,0,0,0)',
					borderWidth: 0,
					fontSize: 13,
					fontColor: '#666666',
					lineHeight: 20,
					hiddenColor: '#CECECE',
					itemGap: 10
				},
				title: {
					name: '收益率',
					fontSize: 15,
					color: '#666666',
					offsetX: 0,
					offsetY: 0
				},
				subtitle: {
					name: '70%',
					fontSize: 25,
					color: '#7cb5ec',
					offsetX: 0,
					offsetY: 0
				},
				extra: {
					ring: {
						ringWidth: 30,
						activeOpacity: 0.5,
						activeRadius: 10,
						offsetAngle: 0,
						labelWidth: 15,
						border: true,
						borderWidth: 3,
						borderColor: '#FFFFFF',
						centerColor: '#FFFFFF',
						customRadius: 0,
						linearType: 'none'
					},
					tooltip: {
						showBox: true,
						showArrow: true,
						showCategory: false,
						borderWidth: 0,
						borderRadius: 0,
						borderColor: '#000000',
						borderOpacity: 0.7,
						bgColor: '#000000',
						bgOpacity: 0.7,
						gridType: 'solid',
						dashLength: 4,
						gridColor: '#CCCCCC',
						boxPadding: 3,
						fontSize: 13,
						lineHeight: 20,
						fontColor: '#FFFFFF',
						legendShow: true,
						legendShape: 'auto',
						splitLine: true,
						horizentalLine: false,
						xAxisLabel: false,
						yAxisLabel: false,
						labelBgColor: '#FFFFFF',
						labelBgOpacity: 0.7,
						labelFontColor: '#666666'
					}
				}
			}
		};
	},
	onReady() {
		if (uni.getStorageSync('ims-token')) {
			this.getLoginAfterStatusFn();
		}
	},
	onLoad() {
		/*#ifdef MP*/
		let that = this;
		uni.getSystemInfo({
			success: function(info) {
				// 屏幕高度
				let screenHeight = info.screenHeight;
				// 屏幕宽度
				let screenWidth = info.screenWidth;
				// 胶囊高度
				//状态栏高度
				that.statusBarHeight = info.statusBarHeight * 2 + 'rpx';
				let menuButtonInfo = uni.getMenuButtonBoundingClientRect();
				let navBarHeight = menuButtonInfo.bottom + menuButtonInfo.top - screenHeight;
				that.navBarHeight = navBarHeight + screenHeight - info.statusBarHeight + 'rpx';
			}
		});
		/*#endif*/
	},

	methods: {
		moveHandle() {
			return false;
		},
		//获取待办数量
		getMyTodoFn() {
			getMyTodo({
				orgId: uni.getStorageSync('userInfo').companyId
			}).then(res => {
				if (res.code == 10000) {
					if (res.data.length) {
						const foundItems = res.data.filter(item => item.userTodoType == 'BusinfoFeedbackNotifyCount');
						if (foundItems.length) {
							this.count = foundItems[0].userTodoTypeCount;
						}
					}
				} else {
					this.$u.toast(res.msg);
				}
			});
		},
		//获取登陆状态
		getLoginAfterStatusFn() {
			uni.hideTabBar();
			getLoginAfterStatus().then(res => {
				if (res.code == 10000) {
					const data = res.data;
					const { existsNewCompanyAuditPass, ...rest } = data;
					this.statusData = rest;
					this.show = Object.keys(this.statusData).some(key => this.statusData[key] === true);
					if (!this.show) {
						this.getServerData();
						this.getRingData();
						this.getMyTodoFn();
					}
				} else {
					this.$u.toast(res.msg);
				}
			});
		},
		//加入现有企业
		joinBusinessFn() {
			this.$Router.push({
				path: '/detailPages/pages/joinIn/index'
			});
		},
		//注册新企业
		registerNewBusinessFn() {
			this.$Router.push({
				path: '/userPages/pages/registerNewBusiness/registerNewBusiness'
			});
		},
		//修改企业信息
		editBusinessFn() {
			this.$Router.push({
				path: '/userPages/pages/updateCorpInfo/updateCorpInfo'
			});
		},
		//nav跳转
		justFn(item) {
			if (item.name == '经营地图') {
				this.$Router.push({
					path: item.url,
					query: {
						current: item.index - 1
					}
				});
			} else {
				this.$Router.replaceAll({
					path: item.url,
					query: {
						current: item.index - 1
					}
				});
			}
		},
		//开始使用
		comeIntoUseFn() {
			this.getServerData();
			this.getRingData();
			this.getMyTodoFn();
			this.$Router.replaceAll({
				path: '/pages/home/index'
			});
		},
		//获取经营信息发布统计
		getServerData() {
			pubulishStatistics({
				orgId: uni.getStorageSync('userInfo').companyId,
				dimension: this.dimension
			}).then(res => {
				if (res.code == 10000) {
					this.menu[0].num = res.data.publishCount;
					this.menu[1].num = res.data.receiveCount;
					this.menu[2].num = res.data.refulseCount;
					let arr01 = res.data.statisticsList.map(it => it.countDate);
          let arr02 = res.data.statisticsList.map(it => it.publishCount);
          let arr03 = res.data.statisticsList.map(it => it.receiveCount);
          let arr04 = res.data.statisticsList.map(it => it.refulseCount);
          setTimeout(() => {
            let res = {
              categories: arr01,
              series: [
                {
                  name: '信息总数',
                  data: arr02
                },
                {
                  name: '已接受',
                  data: arr03
                },
                {
                  name: '被拒收',
                  data: arr04
                }
              ]
            };
            let yMaxData = [].concat(arr02).concat(arr03).concat(arr04); //y轴最大值
            yMaxData = yMaxData.sort()[yMaxData.length - 1];
            this.columnOpts.yAxis.data[0].max = yMaxData + 5 - yMaxData % 5; //取与数据最大值相近的5的倍数
            this.columnData = JSON.parse(JSON.stringify(res));
					}, 500);
				} else {
					this.$u.toast(res.msg);
				}
			});
		},
		getRingData() {
			trackStatistics({
				orgId: uni.getStorageSync('userInfo').companyId
			}).then(res => {
				if (res.code == 10000) {
					let arr = res.data;
					setTimeout(() => {
						let res = {
							series: [
								{
									data: [
										{ name: '未接洽', value: arr.projectNotDiscussedCount },
										{ name: '跟进中', value: arr.projectFollowUpCount },
										{ name: '已投标', value: arr.projectAlreadyDeliverTenderCount },
										{ name: '未投标', value: arr.projectUnDeliverTenderCount },
										{ name: '已中标', value: arr.projectWinTheBidCount },
										{ name: '已签约', value: arr.projectSignAContractCount },
										{ name: '其他', value: arr.otherCount }
									]
								}
							]
						};
						this.ringOpts.title.name = JSON.parse(JSON.stringify(res)).series[0].data[0].name;
						this.ringOpts.subtitle.name = JSON.parse(JSON.stringify(res)).series[0].data[0].value;
						this.ringData = JSON.parse(JSON.stringify(res));
					}, 500);
				} else {
					this.$u.toast(res.msg);
				}
			});
		},
		getIndex(e) {
			console.log(this.ringData, '12456');
			this.ringOpts.title.name = this.ringData.series[0].data[e.currentIndex].name;
			this.ringOpts.subtitle.name = this.ringData.series[0].data[e.currentIndex].value;
		},
		//切换时间
		changeTime(e) {
			if (e == 0) {
				this.dimension = 'Year'; //年
				this.getServerData();
			} else if (e == 1) {
				this.dimension = 'Month'; //年
				this.getServerData();
			} else {
				this.dimension = 'Day'; //年
				this.getServerData();
			}
		},
		//点击头像
		hanglgUserFn() {
			this.$refs.userBox.innUser();
			this.isShowInfo = true;
		},
		//退出
		loginOutFn() {
			uni.clearStorage();
			this.$Router.replaceAll({
				name: 'login'
			});
		},
		//撤回
		revocationFn() {
			this.showRevocation = true;
		},
		exitRevocationFn() {
			cancelCompanyCheck({
				companyId: uni.getStorageSync('userInfo').companyId,
				companyUpdateType: '0'
			}).then(res => {
				if (res.code == 10000) {
					this.$Router.replaceAll({
						path: '/pages/home/index'
					});
				} else {
					this.$u.toast(res.msg);
				}
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.NoScroll {
	overflow: hidden;
	position: fixed;
}

.page-content {
	width: 100%;
	height: 100%;

	.topBox {
		text-align: center;
		background-image: url($custom-bg-img-url+'headBg.png');
		background-repeat: no-repeat;
		background-size: 100% auto;
		// padding-bottom: 120rpx;
		// position: relative;
		/* #ifdef  H5 */
		.nav {
			padding-top: 50rpx;
		}
		/* #endif */
	}
	.main {
		margin-top: 60rpx;
		z-index: 9;
		background-color: #fff;
	}
  ::v-deep .u-subsection {
  	height: 60rpx !important;
  	background-color: #e7f3ff !important;
    border-radius: 30rpx !important;
    .u-item {
      .u-item-bg {
        border-radius: 48rpx !important;
      }
      .u-item-text {
        
      }      
    }
  }
	::v-deep .u-item-bg {
		height: 48rpx !important;
    border-radius: 48rpx !important;
	}
	.menuBg {
		width: 210rpx;
		height: 120rpx;
		background-size: 100% 100% !important;
		background-repeat: no-repeat !important;
	}
	.menuBg0 {
		background: url($custom-bg-img-url+'/bg-fbs.png');
		.colorText {
			color: rgb(45, 143, 255);
		}
	}
	.menuBg1 {
		background: url($custom-bg-img-url+'/bg-yjs.png');
		.colorText {
			color: rgb(28, 202, 213);
		}
	}
	.menuBg2 {
		background: url($custom-bg-img-url+'/bg-bjs.png');
		.colorText {
			color: rgb(244, 95, 109);
		}
	}

	.centerBox {
		background-color: #fff;
	}

	::v-deep .u-item {
		padding: 0 15px !important;
	}

	.chartsBox {
		box-sizing: border-box;
		border: 1px solid rgb(232, 243, 255);
		border-radius: 16px;
		z-index: 1;
		.chartsMain {
			width: 646rpx;
			height: 500rpx;
			padding-top: 15rpx;
			background: #fff;
			margin-bottom: 24rpx;
			.charts {
				width: 646rpx;
				height: 500rpx;
				box-sizing: border-box;
			}
		}
		.bg {
			display: flex;
			justify-content: space-between;
		}
	}
}
::v-deep .chartsview {
	z-index: 1;
}
.uPopup {
	left: 30rpx !important;
	right: 30rpx !important;
}
.uPopup ::v-deep .u-drawer-content {
	background-color: rgba(255, 255, 255, 0.9) !important;
}
.uPopup ::v-deep .u-mask {
	background-color: rgba(0, 0, 0, 0) !important;
}

.uPopup ::v-deep .uni-scroll-view-content {
	text-align: center !important;
	display: flex !important;
	justify-content: space-around !important;
}
.uPopup .popupBox {
	padding-top: 60%;
	width: 100%;
}
.bnt {
	margin: 0 auto;
}
.badge {
	position: absolute !important;
	top: 80rpx !important;
	right: 200rpx !important;
	width: 30rpx !important;
	height: 30rpx !important;
}
</style>
